<!DOCTYPE html>
<html lang="en">
<!--
1．	当鼠标移入“百度”上时，显示说明信息“百度一下你就知道”，见图3；
2．	当鼠标移出“百度”时，隐藏说明信息“百度一下你就知道”。
-->
<!--
1.	为超链接“百度”绑定鼠标移入移出事件；
2.	提示：使用在下面做一个div，div中的内容是“百度一下你就知道”。一开始设置div为不可见，使用style.display = “none”; 如果要让div可见，设置style.display为block
3.	编写方法实现效果。
-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a{
            text-decoration: none;
        }
    </style>
</head>
<body>
<!--mouseout当用户将鼠标指针移出元素或其中的子元素时，发生此事件。
mouseover当指针移动到元素或其中的子元素上时，发生此事件。-->
    <a href="http://www.baidu.com" onmouseout="outOfMouse()" onmouseover="moveInMouse()">百度</a><br/>
    <div id="bd" style="display: none"><a href="#">百度一下你就知道</a></div>
    <script>
        function outOfMouse() {
            document.getElementById("bd").style.display='none';
        }
        function moveInMouse() {
            document.getElementById("bd").style.display='block';
        }
    </script>
</body>
</html>